<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /* 
      1. 标准流
      - 元素根据自身特性默认的显示/布局方式
      - 从上到下、从左到右
      - 父元素没有border时，子元素margin-top以父元素的父元素边框（直至body）为准
      - 父元素有border是，子元素以父元素margin为准
      - 块级元素
      - 行内元素
      2. 非标准流
      - 元素因为设置了某些样式而产生的其他的显示/布局方式
      - 浮动float
      - 定位absolute
      - 定位会使浮动失效
      3. 使用建议
      - 标准流和非标准流不推荐共同使用
    */
  </script>
</body>
</html>